<template>
  <div>
    <el-form ref="form" :model="form" label-width="80px" :inline="true">
      <el-col>
        <el-form-item>
        <span>比赛名称：</span>
        <el-input type="textarea" autosize v-model="form.name" class="name" :disabled="true"></el-input>
        </el-form-item>
        <div style="margin: 50px 0"></div>
      </el-col>
      <el-col class="location">
        <div style="margin: 20px 0"></div>

        <span style="font-size: 35px">证明材料：</span>

      </el-col>
      <el-col>
        <el-form-item>
        <div style="margin: 70px 0"></div>
        <span class="label">获得奖项：</span>
      <el-input type="textarea" autosize v-model="form.ranking" class="name" :disabled="true"></el-input>
        </el-form-item>
      </el-col>
      <el-col>
        <div style="margin: 50px 0"></div>
        <el-form-item>
          <span>加分分数：</span>
          <el-input  v-model="form.score" class="name" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item>
          <span>加分类型:</span>
          <el-select v-model="form.type" placeholder="请选择加分类型" :disabled="true">
            <el-option label="德育分" value="德育分"></el-option>
            <el-option label="文体分--体育竞赛" value="文体分"></el-option>
            <el-option label="文体分--艺术比赛" value="文体分"></el-option>
            <el-option label="技能分--证书" value="技能分"></el-option>
            <el-option label="技能分--竞赛" value="技能分"></el-option>
            <el-option label="技能分--论文" value="技能分"></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col>
        <div style="margin: 50px 0"></div>
        <el-form-item prop="isPass">
          <span>比赛是否通过：</span>
          <el-radio-group v-model="form.isPass">
          <el-radio v-model="radio" label="1" border>通过</el-radio>
          <el-radio v-model="radio" label="0" border>驳回</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-col>
      <el-col>
        <div style="margin: 20px 0"></div>
        <el-form-item
          v-if="form.isPass === 2">
          <span>驳回原因：</span>
          <el-input   type="textarea" autosize v-model="form.reject" class="name"></el-input>
        </el-form-item>
      </el-col>
      <el-col class="submit">
        <el-form-item>
          <el-button type="primary" @click="onSubmit" size="20px"> 提  交 </el-button>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>

<style scoped>
.name{
  width:350px;
  text-align: center;
}
/*绝对定位下载证明材料*/
.location{
  position: fixed;
  top: 150px;
  left: 900px;
}
.button{
  font-size: 50px;
}
.submit{
  text-align: center;
}
</style>

<script>
export default {
  name: "ExaminationApprovalOperate",
  data(){
    return{
      radio: '1',
      form:{
        name:'',
        ranking:'',
        reject:'',
        isPass:'',
        prove:'',
        score:'',
        type:'',
      }
    }
  }
}
</script>

